<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<script src="jquery-1.11.1.min.js"></script>
<script src="time-table.js"></script>
</head>
<body>

<h1>Horarios M</h1>

<select id="bus" >
    <option value="mazul">M Azul</option>
    <option value="mverde">M Verde</option>
</select>

</br>
<select id="dir" >
    <option value="rosvc">Rosario -> Villa Constitución</option>
    <option value="vcros">Villa Constitución -> Rosario</option>
</select>

</br>
<select id="stop" ></select>
</br>
<h3> (OPCIONAL) Ponele que...</h3>
hoy es el año <input id="year" type="number"></input>
y el mes <input id="month" type="number"></input>
y el dia <input id="day" type="number"></input>
</br>
y/o ahora son las <input id="hours" type="number"></input> horas y <input id="minutes" type="number"></input> minutos
</br>
</br>
</br>
<button id="calc" type="button">¿Cuándo llega?</button>
</br>
</br>
<div id="answers"></div>
<script>

    var jtt = $.jTimeTable();

    jtt.init();

    $("#calc").on("click",jtt. when);
    $("#bus").on("change", jtt.refresh);
    $("#dir").on("change", jtt.refresh);

</script>
</body>
</html>
